/** 
 * grids.css 
 * 
 * Sets up different grid layouts.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified	2009-08-28 16:31
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Grid
 * 
 * @section			Styles for different column and row (line) configurations
 * @note			Don't mix 'template' and 'grid' styles, although it's possible
 *					to nest 'grid' styles inside 'template' styles (not the other way around!)
 */

.line, .last_unit { overflow: hidden; }

.line { margin-top: 0; position: relative; padding-bottom: 10px; }

.unit { float: left; }
.unit_ext { float: right; }
.last_unit { float: none; width: auto; padding-top:28px; }

.size11 { float: none; }
.size12 { width: 50%; }

.size13 { width: 33.33333%; }
.size23 { width: 66.66666%; }

.size14 { width: 25%; }
.size34 { width: 75%; }

.size15 { width: 20%; }
.size25 { width: 40%; }
.size35 { width: 60%; }
.size45 { width: 80%; }

.size48 { width: 50%; }				/* .size12 */
.size58 { width: 62.5%; }
.size38 { width: 37.5%; }

.size212 { width: 16.666666%; }
.size312 { width: 25%; }			/* .size14 */
.size412 { width: 33.33333%; }		/* .size13 */
.size512 { width: 41.66666%; }
.size612 { width: 50%; }			/* .size12 */
.size812 { width: 66.66666%; }		/* .size23 */
.size912 { width: 75%; }			/* .size34 */

.media { width: auto; } /* extending grids to allow a unit that takes the width of its content */